import React, { Component } from 'react';
import styles from './index.module.scss'

class index extends Component {
    render() {
        return (
            <div>
                {/* 登入模块 */}
                <div className={styles.top}>
                    <img src="/images/user_bg.png" alt="" />
                    <span className={styles.user_login}>登入</span>
                </div>
                {/* 订单模块 */}
                <div className={styles.order}>
                    <div className={styles.order_left}>
                        <img src="/images/order.png" alt="" />
                        我的订单
                    </div>
                    <div className={styles.order_right}>查看所有的订单 {'>'}</div>
                </div>
                {/* 信息栏 */}
                <div className={styles.nav_list}>
                    <div>
                        <i className={styles.anv_list_item}></i>
                        <span>待付款</span>
                    </div>
                    <div>
                        <i className={styles.anv_list_item}></i>
                        <span>待收货</span>
                    </div>
                    <div>
                        <i className={styles.anv_list_item}></i>
                        <span>已收货</span>
                    </div>
                    <div>
                        <i className={styles.anv_list_item}></i>
                        <span>已取消</span>
                    </div>
                    <div>
                        <i className={styles.anv_list_item}></i>
                        <span>售后</span>
                    </div>
                </div>
            </div>
        );
    }
}

export default index;
